/*
Theme Name: NITTOKU
Theme URI: https://www.anttoweb.com
Author:  Antto
Author URI: https://www.anttoweb.com
Description: <a target="_blank" href="http://www.anttoweb.com/">网站建设</a>： <a target="_blank" href="http://www.anttoweb.com/">安拓网络</a> <a target="_blank" href="http://www.anttoweb.com/">Web Design</a>.
Version: 1.0
*/


/******
 ****** Global
 ******/

@charset "utf-8";
body {
    font-size: 16px;
    color: #4D4D4D;
    font-family: "PingFang SC";
}

@media (min-width: 1200px) {
    .container {
        max-width: 1000px;
    }
}

.white {
    color: #fff !important;
}

.bg-light {
    background-color: #fff !important;
}

.eee {
    color: #eee !important;
}

.blank {
    color: #000 !important;
}

.bold {
    font-weight: bold !important;
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alignnone {
    float: none;
}

.zoom-out,
.zoom-in {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.zoom-out img,
.zoom-in img {
    transition: all .3s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.zoom-in:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}

.zoom-out:hover img {
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

.content-float {
    transition: all .2s linear;
}

.content-float:hover {
    transform: translate3d(0, -3px, 0);
    -webkit-transform: translate3d(0, -3px, 0);
}

.content-float:hover {
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.1);
}

.shadow-hover {
    transition: all .3s ease-in-out;
}

.shadow-hover:hover {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}


/******
 ****** Ratio
 ******/

.ratio {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.ratio::before {
    display: block;
    content: "";
}

.ratio>.ratio-area {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.ratio-1by1::before {
    padding-top: 100%;
}

.ratio-4by3::before {
    padding-top: 75%;
}

.ratio-2by1::before {
    padding-top: 50%;
}

.ratio-16by9::before {
    padding-top: 56.25%;
}

.ratio-21by9::before {
    padding-top: 42.857143%;
}

@media (min-width: 576px) {
    .ratio-sm-1by1::before {
        padding-top: 100%;
    }
    .ratio-sm-4by3::before {
        padding-top: 75%;
    }
    .ratio-sm-2by1::before {
        padding-top: 50%;
    }
    .ratio-sm-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-sm-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 768px) {
    .ratio-md-1by1::before {
        padding-top: 100%;
    }
    .ratio-md-4by3::before {
        padding-top: 75%;
    }
    .ratio-md-2by1::before {
        padding-top: 50%;
    }
    .ratio-md-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-md-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 992px) {
    .ratio-lg-1by1::before {
        padding-top: 100%;
    }
    .ratio-lg-4by3::before {
        padding-top: 75%;
    }
    .ratio-lg-2by1::before {
        padding-top: 50%;
    }
    .ratio-lg-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-lg-21by9::before {
        padding-top: 42.857143%;
    }
}

@media (min-width: 1200px) {
    .ratio-xl-1by1::before {
        padding-top: 100%;
    }
    .ratio-xl-4by3::before {
        padding-top: 75%;
    }
    .ratio-xl-2by1::before {
        padding-top: 50%;
    }
    .ratio-xl-16by9::before {
        padding-top: 56.25%;
    }
    .ratio-xl-21by9::before {
        padding-top: 42.857143%;
    }
}


/******
 ****** caldera form按钮
 ******/

.caldera-grid-wrap .caldera-grid .btn {
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    padding: 12px 80px;
}

.caldera-grid-wrap .caldera-grid .btn-sm {
    font-size: 12px;
    padding: 2px 10px;
}

.caldera-grid-wrap .caldera-grid .btn-lg {
    font-size: 14px;
    padding: 12px 100px;
}

.caldera-grid-wrap .caldera-grid .btn-primary {
    border-radius: 0;
    outline: none;
    border: 0;
    color: #fff;
    background-color: #2196F2;
}

.caldera-grid-wrap .caldera-grid .btn-primary:not(:disabled):not(.disabled):hover,
.caldera-grid-wrap .caldera-grid .btn-primary:not(:disabled):not(.disabled):focus {
    background-color: #93D100;
    color: #fff;
    box-shadow: none;
}

.caldera-grid-wrap .caldera-grid .btn-green {
    color: #fff;
    background-color: #93D100;
}

.caldera-grid-wrap .caldera-grid .btn-green:not(:disabled):not(.disabled):hover,
.caldera-grid-wrap .caldera-grid .btn-green:not(:disabled):not(.disabled):focus {
    background-color: #2196F2;
    color: #fff;
    box-shadow: none;
}

.caldera-grid-wrap .caldera-grid .btn-block {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .caldera-grid-wrap .caldera-grid .btn {
        font-size: 18px;
    }
    .caldera-grid-wrap .caldera-grid .btn-small {
        font-size: 13px;
    }
    .caldera-grid-wrap .caldera-grid .btn-lg {
        font-size: 18px;
    }
}


/******
****** caldera form
******/

.caldera-grid .form-group .control-label {
    font-size: 12px;
    color: #222;
    margin-bottom: 8px;
}

.caldera-grid .form-group .form-control {
    height: 32px;
    font-size: 12px;
    padding: 5px 10px;
    color: #222;
    border-color: transparent;
    background-color: #eee;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.caldera-grid .form-group .form-control::placeholder {
    color: #eee;
}

.caldera-grid .form-group textarea.form-control {
    height: auto !important;
}

.caldera-grid-wrap .caldera-grid .row {
    margin: 0 -15px;
    padding: 0;
    max-width: none;
}

.caldera-grid-wrap .caldera-grid [class*="col"] {
    width: 100%;
    max-width: none;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0 15px;
}

@media (min-width: 768px) {
    .contact-form-wrap .caldera-grid .form-group .control-label {
        font-size: 13px;
        margin-bottom: 15px;
    }
    .contact-form-wrap .caldera-grid .form-group .form-control {
        font-size: 13px;
        padding: 10px 15px;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .caldera-grid-wrap .caldera-grid .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .caldera-grid .form-group .control-label {
        font-size: 14px;
    }
    .caldera-grid .form-group .form-control {
        height: 36px;
        font-size: 14px;
        padding: 15px;
    }
}


/******
 ****** Grid
 ******/

.zero-row {
    margin-left: 0;
    margin-right: 0;
}

.zero-row>[class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.tiny-row {
    margin-left: -5px;
    margin-right: -5px;
}

.tiny-row>[class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.small-row {
    margin-left: -10px;
    margin-right: -10px;
}

.small-row>[class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

.small-row-5 {
    margin-left: -15px;
    margin-right: -15px;
}

.small-row-5>[class*="col"] {
    padding-left: 15px;
    padding-right: 15px;
}

.mid-row {
    margin-left: -20px;
    margin-right: -20px;
}

.mid-row>[class*="col"] {
    padding-left: 20px;
    padding-right: 20px;
}

.mid-row-5 {
    margin-left: -25px;
    margin-right: -25px;
}

.mid-row-5>[class*="col"] {
    padding-left: 25px;
    padding-right: 25px;
}

.big-row {
    margin-left: -30px;
    margin-right: -30px;
}

.big-row>[class*="col"] {
    padding-left: 30px;
    padding-right: 30px;
}

.big-row-5 {
    margin-left: -35px;
    margin-right: -35px;
}

.big-row-5>[class*="col"] {
    padding-left: 35px;
    padding-right: 35px;
}

.large-row {
    margin-left: -40px;
    margin-right: -40px;
}

.large-row>[class*="col"] {
    padding-left: 40px;
    padding-right: 40px;
}

.large-row-5 {
    margin-left: -45px;
    margin-right: -45px;
}

.large-row-5>[class*="col"] {
    padding-left: 45px;
    padding-right: 45px;
}

.col-55,
.col-sm-55,
.col-md-55,
.col-lg-55,
.col-xl-55,
.col-77,
.col-sm-77,
.col-md-77,
.col-lg-77,
.col-xl-77,
.col-88,
.col-sm-88,
.col-md-88,
.col-lg-88,
.col-xl-88,
.col-99,
.col-sm-99,
.col-md-99,
.col-lg-99,
.col-xl-99,
.col-1010,
.col-sm-1010,
.col-md-1010,
.col-lg-1010,
.col-xl-1010,
.col-1111,
.col-sm-1111,
.col-md-1111,
.col-lg-1111,
.col-xl-1111,
.col-1212,
.col-sm-1212,
.col-md-1212,
.col-lg-1212,
.col-xl-1212 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col-55 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-77 {
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}

.col-88 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}

.col-99 {
    -ms-flex: 0 0 11.1111%;
    flex: 0 0 11.1111%;
    max-width: 11.1111%;
}

.col-1010 {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.col-1111 {
    -ms-flex: 0 0 9.0909%;
    flex: 0 0 9.0909%;
    max-width: 9.0909%;
}

.col-1212 {
    -ms-flex: 0 0 8.3333%;
    flex: 0 0 8.3333%;
    max-width: 8.3333%;
}

@media (min-width: 576px) {
    .zero-sm-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-sm-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-sm-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-sm-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-sm-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-sm-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-sm-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-sm-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-sm-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-sm-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-sm-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-sm-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-sm-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-sm-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-sm-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-sm-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-sm-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-sm-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-sm-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-sm-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-sm-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-sm-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-sm-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-sm-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-sm-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-sm-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-sm-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 768px) {
    .zero-md-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-md-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-md-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-md-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-md-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-md-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-md-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-md-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-md-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-md-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-md-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-md-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-md-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-md-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-md-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-md-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-md-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-md-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-md-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-md-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-md-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-md-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-md-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-md-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-md-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-md-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 992px) {
    .zero-lg-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-lg-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-lg-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-lg-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-lg-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-lg-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-lg-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-lg-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-lg-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-lg-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-lg-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-lg-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-lg-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-lg-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-lg-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-lg-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-lg-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-lg-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-lg-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-lg-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-lg-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-lg-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-lg-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-lg-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-lg-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-lg-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}

@media (min-width: 1200px) {
    .zero-xl-row {
        margin-left: 0;
        margin-right: 0;
    }
    .zero-xl-row>[class*="col"] {
        padding-left: 0;
        padding-right: 0;
    }
    .tiny-xl-row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .tiny-xl-row>[class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .small-xl-row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .small-xl-row>[class*="col"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .small-xl-row-5 {
        margin-left: -15px;
        margin-right: -15px;
    }
    .small-xl-row-5>[class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .mid-xl-row {
        margin-left: -20px;
        margin-right: -20px;
    }
    .mid-xl-row>[class*="col"] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .mid-xl-row-5 {
        margin-left: -25px;
        margin-right: -25px;
    }
    .mid-xl-row-5>[class*="col"] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .big-xl-row {
        margin-left: -30px;
        margin-right: -30px;
    }
    .big-xl-row>[class*="col"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .big-xl-row-5 {
        margin-left: -35px;
        margin-right: -35px;
    }
    .big-xl-row-5>[class*="col"] {
        padding-left: 35px;
        padding-right: 35px;
    }
    .large-xl-row {
        margin-left: -40px;
        margin-right: -40px;
    }
    .large-xl-row>[class*="col"] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .large-xl-row-5 {
        margin-left: -45px;
        margin-right: -45px;
    }
    .large-xl-row-5>[class*="col"] {
        padding-left: 45px;
        padding-right: 45px;
    }
    .col-xl-55 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-xl-77 {
        -ms-flex: 0 0 14.2857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
    .col-xl-88 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
    .col-xl-99 {
        -ms-flex: 0 0 11.1111%;
        flex: 0 0 11.1111%;
        max-width: 11.1111%;
    }
    .col-xl-1010 {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }
    .col-xl-1111 {
        -ms-flex: 0 0 9.0909%;
        flex: 0 0 9.0909%;
        max-width: 9.0909%;
    }
    .col-xl-1212 {
        -ms-flex: 0 0 8.3333%;
        flex: 0 0 8.3333%;
        max-width: 8.3333%;
    }
}


/******
 ****** General
 ******/

.content {
    padding: 30px 0;
}

.home-wrapper .content {
    padding: 0;
}

.banner {
    background-color: #F2F3F7;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 180px;
    margin-top: 70px;
}

@media(min-width:992px) {
    .banner {
        margin-top: 0;
        height: 300px;
        background-size: 100%;
        background-attachment: fixed;
    }
}

.banner .container {
    height: 100%;
}

.main-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

@media(min-width: 768px) {
    .content {
        padding: 50px 0;
    }
}

@media(min-width: 1200px) {
    .content {
        padding: 80px 0;
    }
}


/******
 ****** Pagenavi
 ******/

.wp-pagenavi {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
    cursor: pointer;
    font-family: "Montserrat-Regular";
    font-size: 13px;
    line-height: 1;
    color: #3E3E3F;
    font-weight: bold;
    margin-right: 10px;
    background-color: #DDD;
    border: 0;
    padding: 0 3px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 0 !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover {
    color: #3E3E3F;
    background-color: #F5F5F5;
}

.previouspostslink,
.nextpostslink {
    position: relative;
    color: transparent !important;
}

.previouspostslink::after,
.nextpostslink::after {
    content: '\f1c5';
    font-family: 'Flaticon';
    font-size: 12px;
    color: #3E3E3F;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -6px;
}

.nextpostslink::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/******
 ****** 404
 ******/

.error-404-wrapper {
    padding: 60px 0;
    text-align: center;
}

.img-404 {
    line-height: 0;
}

.img-404 img {
    max-height: 150px;
}

@media(min-width: 768px) {
    .error-404-wrapper {
        padding: 80px 0;
    }
    .img-404 img {
        max-height: 200px;
    }
}

@media(min-width: 992px) {
    .error-404-wrapper {
        padding: 100px 0;
    }
    .img-404 img {
        max-height: 260px;
    }
}

@media(min-width: 1200px) {
    .error-404-wrapper {
        padding: 150px 0;
    }
    .img-404 img {
        max-height: 320px;
    }
}


/******
 ****** Footer
 ******/

footer,
footer p,
footer a {
    font-size: 16px;
}

.footer-dark {
    background-color: #666666;
}

.footer-company-title-warp {
    font-size: 20px;
}

.footer-dark,
.footer-dark p,
.footer-dark a {
    color: rgba(255, 255, 255, 1);
}

.footer-dark a:hover {
    color: rgba(255, 255, 255, 1);
}

.footer-light {
    background-color: #f2f3f7;
}

.footer-light,
.footer-light p,
.footer-light a {
    color: #222;
}

.footer-light a:hover {
    color: rgba(0, 0, 0, 0.8);
}

.back-to-top {
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #98090A;
    height: 100px;
    width: 36px;
    font-size: 18px;
}


/* .back-to-top:hover,
.back-to-top:focus {
    background-color: #FFD83F;
} */


/******
 ****** Home
 ******/

.logo-item {
    text-align: center;
    margin-bottom: 30px !important;
}


/******
 ****** swiper
 ******/

.swiper-container {
    --swiper-navigation-size: 16px;
}

.swiper-button-next,
.swiper-button-prev {
    border-radius: 24px;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    border: 1px solid transparent;
}

.swiper-white {
    --swiper-theme-color: #fff;
    --swiper-navigation-color: #000;
}

.swiper-black {
    --swiper-theme-color: #000;
    --swiper-navigation-color: #fff;
}

.swiper-white .swiper-button-next,
.swiper-white .swiper-button-prev {
    border-color: #000;
    outline: none;
}

.swiper-black .swiper-button-next,
.swiper-black .swiper-button-prev {
    border-color: #fff;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 0.5;
}

@media(min-width: 768px) {
    .swiper-container {
        --swiper-navigation-size: 20px;
    }
    .swiper-button-next,
    .swiper-button-prev {
        border-radius: 48px;
        width: 48px;
        height: 48px;
        margin-top: -24px;
    }
}


/******
 ****** siderbar
 ******/


/* 侧边栏分块样式，非必要 */

aside section {
    margin-bottom: 15px;
}

.fixed-panel {
    position: fixed;
    top: 50px;
    /* header高度 */
    width: 255px;
    /* sidebar需固定宽度 */
    z-index: 10;
}


/* sidebar widget */

.sidebar .widget {
    position: relative;
}

.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

.sidebar .widget>ul {
    padding: 0;
}

.sidebar .widget ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar .widget ul li:last-child {
    border-bottom: 0;
}

.global-sidebar-list-wrap ul {
    list-style: none;
}

.global-sidebar-list>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.global-sidebar-list>li>a {
    display: block;
    font-size: 13px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.global-sidebar-list>li.current_page_item>a,
.global-sidebar-list>li.current-cat>a {
    color: #000;
}

.global-sidebar-list>li:last-child {
    border: 0;
}

.global-sidebar-menu li {
    position: relative;
    padding-left: 24px;
}

.global-sidebar-menu>li.cat_item_has_children,
.global-sidebar-menu>li.page_item_has_children {
    cursor: pointer;
}

.global-sidebar-menu>li.cat_item_has_children::before,
.global-sidebar-menu>li.page_item_has_children::before {
    content: "\f196";
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 18px;
    left: 0;
    font-size: 20px;
    color: #E50114;
}

.global-sidebar-menu>li.cat_item_has_children.global-menu-show::before,
.global-sidebar-menu>li.page_item_has_children.global-menu-show::before {
    content: "\f147";
}

.global-sidebar-menu>li>.children {
    display: none;
}

.global-sidebar-menu li>.children {
    padding: 0;
    margin: 0 0 15px;
}

.global-sidebar-menu li .children li a {
    font-size: 13px;
    line-height: 2;
    color: #999;
}

.global-sidebar-menu li .children li.current-cat a,
.global-sidebar-menu li .children li a:hover,
.global-sidebar-menu li .children li a:focus {
    color: #E50114;
}

@media(min-width: 992px) {
    .global-sidebar-list>li>a {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .global-sidebar-menu>li.cat_item_has_children::before,
    .global-sidebar-menu>li.page_item_has_children::before {
        top: 23px;
        font-size: 20px;
    }
    .global-sidebar-menu li .children {
        margin: 0 0 20px;
    }
}


/******
 ****** blog & news
 ******/

.blog-item {
    position: relative;
}

.blog-category-tag {
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    z-index: 99;
    line-height: 1;
    font-size: 12px;
}

.single-blog-title {
    margin-bottom: 15px;
}

.blog-date i,
.sidebar-blog-date i,
.single-blog-date i {
    margin-right: 10px;
}

.single-blog-excerpt {
    position: relative;
    font-size: 13px;
    line-height: 2;
    color: #999;
    margin-bottom: 30px;
}

.single-blog-excerpt::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 80px;
    height: 2px;
    background-color: #EEE;
}

.single-blog-content-wrap {
    padding-bottom: 0;
}

.post-navigation {
    margin-top: 30px;
}

.post-navigation h1,
.post-navigation h2,
.post-navigation h3,
.post-navigation h4,
.post-navigation h5,
.post-navigation h6 {
    display: none !important;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    margin-top: 5px;
}


/******
 ****** product
 ******/

.single-product-swiper {
    margin-bottom: 10px;
}

.single-product-title {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
    line-height: 1.4;
}

.single-product-desc {
    padding-bottom: 15px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
}

.single-product-desc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-product-desc ul li {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 1.6;
    color: #3E3E3F;
}

.single-product-desc ul li p {
    font-size: 13px;
    color: #3E3E3F;
}

.single-product-desc ul li span {
    min-width: 140px;
    margin-right: 15px;
    color: #999;
}

.single-product-excerpt {
    font-size: 12px;
    line-height: 1.6;
    color: #999;
    margin-bottom: 20px;
}

.tab-wrap {
    padding-top: 30px;
}

.custom-tab-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 35px;
    border-bottom: 1px solid #DDD;
}

.tab-btn {
    color: #999;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    position: relative;
    bottom: -1px;
    border-right: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    margin-left: 10px;
}

.tab-btn.active-tab {
    color: #E50114;
    border-bottom: 1px solid #fff;
}

.tab-content {
    min-height: 100px;
    display: none;
}

.tab-content.active-content {
    display: block;
}

.tab-content table {
    font-size: 13px;
    line-height: 1.6;
    color: #999;
}

.tab-content table strong {
    color: #222;
}

.tab-content .table th,
.tab-content .table td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.product-tab-content h2,
.product-tab-content h3,
.product-tab-content h4,
.product-tab-content h5 {
    margin-bottom: 20px;
}

@media(min-width: 992px) {
    .tab-wrap {
        padding-top: 40px;
    }
    .custom-tab-btn {
        margin-bottom: 55px;
    }
}

.section-source-of-technology-warp {
    background: url(assets/images/source-of-technology-bg.png) no-repeat center center /cover;
    z-index: 22;
}

.source-of-technology-description {
    border-top: 1px solid #98090A;
}

.case-info-content-bg-color {
    position: relative;
}

.case-info-content-bg-color::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 200%;
    z-index: -1;
    border-top: 5px solid #98090A;
    background-color: #fff;
}

.case-info-font-warp {
    font-size: 24px;
    color: rgba(255, 255, 255, .33);
}

@media(min-width:768px) {
    .case-info-font-warp {
        position: absolute;
        right: 0;
        left: 0;
        font-size: calc(16px + 78 * ((100vw - 320px) / 1600));
        font-weight: 300;
        bottom: 0;
        margin-bottom: 40px;
        z-index: 1;
    }
    .case-info-content-warp {
        position: absolute;
        top: 100%;
        margin-top: -80px;
        right: 0;
        left: 0;
        z-index: 1;
    }
    .case-info-img-warp::after {
        content: "";
        position: absolute;
        width: 50%;
        height: 35%;
        left: 0;
        bottom: 0;
        background-color: rgba(152, 9, 10, 0.7);
    }
}

@media(min-width: 1366px) {
    .case-info-font-warp {
        font-size: 70px;
    }
}

.section-company-profile {
    background-color: #efe3e3;
    position: relative;
}

.section-company-profile::after {
    position: absolute;
    content: "";
    background-color: #efe3e3;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%;
}

.activity-font-warp {
    position: relative;
    color: #98090A;
}

.activity-font-warp::after {
    position: absolute;
    content: "";
    background-color: #98090A;
    height: 1px;
    width: 80%;
    left: 50%;
    bottom: 0;
    margin-left: -40%;
}

.section-recruitment-information {
    background-color: #efe3e3;
}

.recruitment-information-content-warp {
    background-color: #fff;
}

@media(max-width:768px) {
    .recruitment-information-content-warp {
        box-shadow: 0 0 30px rgb(0 0 0 / 8%) !important;
    }
}

.recruitment-information-description {
    max-width: 760px;
}

.recruitment-information-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.adaptive-link-circle .layout {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.adaptive-circle {
    padding: 50%;
    border-radius: 50%;
    border: 1px solid #98090A;
    color: #98090A;
    font-size: 18px;
    box-sizing: border-box;
    position: relative;
}

.adaptive-circle .layout {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.adaptive-circle .layout.middle:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%;
    width: 0;
    overflow: hidden;
}

.adaptive-circle .layout.middle div:first-child {
    display: inline-block;
    vertical-align: middle;
}

.body1>p {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 30px;
}

.underline-warp {
    border-bottom: 1px solid #000;
}

.flaticon-expand-arrow:before {
    content: url(assets/images/to-top-btn.svg);
}

.footer-menu .menu {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.footer-menu .menu .menu-item {
    padding: 5px 0;
}

@media(min-width:768px) {
    .footer-menu .menu {
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .footer-menu .menu .menu-item {
        padding-right: 40px;
        display: inline-block;
        white-space: nowrap;
        border-right: 1px solid #fff;
    }
    .footer-menu .menu .menu-item:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }
}

.addr-icon::before,
.email-icon::before,
.tel-phone-2::before,
.tel-phone-1::before {
    position: absolute;
    left: 0;
    top: 0;
}

.tel-phone-1::before {
    content: url(assets/images/tel1.svg);
}

.tel-phone-2::before {
    content: url(assets/images/tel2.svg);
}

.email-icon::before {
    content: url(assets/images/email.svg);
}

.addr-icon::before {
    content: url(assets/images/addr.svg);
}

.addr-icon>span,
.email-icon>span,
.tel-phone-1>span,
.tel-phone-2>span {
    padding-left: 32px;
}

.baidumap {
    min-height: 400px;
}

.info-title-warp {
    /* border-bottom: 1px solid #98090A; */
    position: relative;
    overflow: hidden;
}

.info-title-warp::after {
    position: absolute;
    content: url(assets/images/info-title-border.svg);
    top: 100%;
    margin-top: -45px;
    left: 50%;
    margin-left: -500px;
}

.section-after-sales-service,
.section-source-of-technology {
    padding-top: 30px;
}

.section-after-sales-service,
.section-source-of-technology {
    padding-bottom: 30px;
}

.section-case,
.section-product-information {
    padding-bottom: 60px;
}

.company-profile-warp {
    padding-top: 40px;
    padding-bottom: 40px;
    z-index: 9;
    position: relative;
}

@media(min-width:768px) {
    .section-after-sales-service,
    .section-source-of-technology {
        padding-top: 120px;
    }
    .section-after-sales-service,
    .section-source-of-technology {
        padding-bottom: 120px;
    }
    .section-case,
    .section-product-information {
        padding-bottom: 240px;
    }
    .company-profile-warp {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.section-company-activities {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media(min-width:992px) {
    .section-company-activities {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.sales-service-img-warp {
    padding-top: 60px;
}

.footer-copyright>* {
    font-size: 16px;
}

.section-updown-bg-color {
    background-color: #d2d2d2;
}

.tech-case-title-warp {
    position: relative;
    padding: 60px 0;
}

.tech-case-title::after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 1px;
    background-color: #98090A;
}

@media(min-width:768px) {
    .w-md-60 {
        width: 60% !important;
    }
}

@media(min-width:1400px) {
    .w-xl-35 {
        width: 35% !important;
    }
}

.section-control-technology>h3 {
    position: relative;
}

.section-headlines {
    position: relative;
}

h4.section-headlines{
    font-size: 24px;
}

h6.section-headlines{
    font-size: 20px;
}

@media(min-width:1400px) {
    h4.section-headlines{
        font-size: 30px;
    }
    h6.section-headlines{
        font-size: 24px;
    }
}

.content-right-warp .section-headlines::after,
.content-left-warp .section-headlines::after,
.section-headlines::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 100%;
    margin-top: 10px;
    left: 0;
}

.content-right-warp .section-headlines::after,
.content-left-warp .section-headlines::after,
.content-left-warp .section-headlines::after,
.products-name.section-headlines::after {
    background-color: #98090A;
}

.section-headlines::after {
    background-color: #464646;
}

.case-block-bg {
    background-color: #fff;
    padding: 10px;
}

.section-headlines-up-down {
    margin-left: 100px;
}

.section-headlines-left-right-warp::before,
.section-headlines-up-down-warp::before {
    position: absolute;
    color: #98090A;
    font-size: 55px;
}

.section-headlines-left-right-warp::before {
    top: 50%;
    margin-top: -105px;
}

@media(max-width:578px) {
    .section-headlines-left-right-warp::before {
        position: relative;
    }
    .section-headlines-left-right-warp::before {
        top: 0;
        margin-top: 0;
    }
    .section-headlines-left-right-warp .section-headlines-left-right {
        margin-left: 50px;
    }
}

.content-right-warp,
.content-left-warp,
.section-headlines-up-down-warp {
    position: relative;
}

.content-right-warp::before,
.content-left-warp::before {
    color: #98090A;
    font-size: 58px;
    display: block;
}

.section-headlines-up-down-warp::before {
    top: 50%;
    margin-top: -40px;
}

.section-skeleton-coil-related-equipment .content-left-warp::before {
    content: url(assets/images/products-number-01.svg);
}

.section-control-technology .section-headlines-up-down-warp::before {
    content: "01";
}

.section-motor-coil-related-equipment .content-right-warp::before {
    content: url(assets/images/products-number-02.svg);
}

.section-handling-technology .section-headlines-left-right-warp::before {
    content: "02";
}

.section-air-coil-related-equipment .content-left-warp::before {
    content: url(assets/images/products-number-03.svg);
}

.section-loading-technology .section-headlines-left-right-warp::before {
    content: "03";
}

.section-ev-motor-related-equipment .content-right-warp::before {
    content: url(assets/images/products-number-04.svg);
}

.section-assembly-and-processing-technology .section-headlines-left-right-warp::before {
    content: "04";
}

.section-tensioner .content-left-warp::before {
    content: url(assets/images/products-number-05.svg);
}

.section-standard-product .content-right-warp::before {
    content: url(assets/images/products-number-06.svg);
}

.section-information-processing-technology .section-headlines-left-right-warp::before {
    content: "05";
}

.wrapper>.section-handling-technology,
.wrapper>.section-assembly-and-processing-technology {
    background-color: #F5F5F5;
    overflow: hidden;
}

.wrapper>.section-information-processing-technology,
.wrapper>.section-loading-technology {
    background-color: #D2D2D2;
    overflow: hidden;
}

.section-information-processing-technology .section-right-content::after,
.section-information-processing-technology .section-right-content,
.section-loading-technology .section-right-content::after,
.section-loading-technology .section-right-content {
    background-color: #e5e5e5;
}

.section-right-content {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

@media(min-width:768px) {
    .section-right-content {
        padding: 84px 0;
    }
}

.section-right-content::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 100%;
    top: 0;
}

.tech-case-banner-warp {
    position: relative;
}

.tech-case-banner {
    max-width: 260px;
    min-height: 45px;
    background: rgba(152, 9, 10, 0.7);
    margin-left: 15px;
}

@media(min-width:992px) {
    .tech-case-banner {
        max-width: 460px;
        min-height: 85px;
        background: linear-gradient(119deg, rgba(152, 9, 10, 0.7), rgba(152, 9, 10, 0.7) 400px, transparent 0, transparent 62px);
        margin-left: 0;
    }
}

.solution-example-content-warp {
    position: relative;
    background-color: #f2f2f2;
}

.solution-example-content-warp::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 200px;
    right: 100%;
    top: 0;
    background: linear-gradient(110deg, transparent, transparent 180px, #f2f2f2 0, #f2f2f2 64px);
}

.solution-example-dot {
    position: relative;
}

.solution-example-dot::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #777777;
    top: 50%;
    margin-top: -4px;
    right: 100%;
    margin-right: 10px;
}

.products-headlines-warp {
    background-color: rgba(152, 9, 10, 0.75);
    position: relative;
}

.products-headlines-warp::after {
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(119deg, transparent, transparent 25px, #98090A 0, #98090A 0px);
    z-index: -1;
}

.products-link-warp {
    color: #4d4d4d;
    border-bottom: 1px solid transparent;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 18px;
    position: relative;
}

.products-link-warp::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background-color: #777;
}

.font-border-bottom::after,
.products-link-warp::after {
    content: "";
    height: 1px;
    width: 100%;
    display: block;
    background-color: #98090A;
    transform-origin: left center;
    transform: scaleX(0);
    transition: all .5s ease-out;
    position: absolute;
    left: 0;
    top: 100%;
}

.font-border-bottom:hover::after,
.products-link-warp:hover::after {
    transform: scaleX(1);
}

.products-link-warp:hover {
    color: #98090A;
}

.products-link-warp:hover::before {
    background-color: #98090A;
}

.section-headlines-left-right-warp::after {
    position: absolute;
    content: "";
    top: 80%;
    transform: rotate( 90deg);
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 20px solid #f5f5f5;
    z-index: 1;
}

@media (min-width:768px) {
    .section-headlines-left-right-warp::after {
        position: absolute;
        content: "";
        left: 100%;
        top: 50%;
        margin-top: -25px;
        margin-left: 0px;
        transform: rotate( 0deg);
        width: 0;
        height: 0;
        border-top: 25px solid transparent;
        border-bottom: 25px solid transparent;
        border-left: 20px solid #f5f5f5;
        z-index: 1;
    }
}

.section-information-processing-technology .section-headlines-left-right-warp::after,
.section-loading-technology .section-headlines-left-right-warp::after {
    border-left: 20px solid #d2d2d2;
}

.section-loading-technology .tech-case-item-war,
.section-information-processing-technology .tech-case-item-warp,
.tech-case-item-warp {
    background-color: #fff;
}

@media(min-width:768px) {
    .activity-img-mask {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: all 0.2s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }
    .activity-img-mask::before {
        content: "";
        position: absolute;
        border: 1px solid #fff;
        width: 85%;
        height: 85%;
        /* margin: 10px; */
    }
    .activity-thumb a:hover .activity-img-mask {
        opacity: 1;
    }
}

.doubleLoader.theme-light .doubleLoaderBottom,
.doubleLoader.theme-light .doubleLoaderTop {
    background-color: #fff !important;
}

.doubleLoader.theme-light .doubleLoaderProgBar {
    background-color: #fff !important;
}

.doubleLoader.theme-light .doubleLoaderProgBar span {
    background-color: #98090A !important;
    height: 1px !important;
}

.doubleLoaderProgBar::before {
    position: absolute;
    content: "";
    width: 178px;
    height: 52px;
    background: url(assets/images/logo.png) no-repeat center center / contain;
    bottom: 100%;
    left: 50%;
    margin-left: -89px;
    margin-bottom: 20px;
}

.doubleLoaderTop,
.doubleLoaderBottom {
    overflow: unset !important;
}

.doubleLoaderTop::after,
.doubleLoaderBottom::before{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    min-height: 88px;
    z-index: 999;
}
.doubleLoaderTop::after {
    background: url(assets/images/top-font.png) no-repeat top center / contain;
    top: 100%;
    margin-top: 28px;
}

.doubleLoaderBottom::before {
    background: url(assets/images/bottom-font.png) no-repeat bottom center / contain;
    bottom: 100%;
    margin-bottom: 28px;
}

.doubleLoader::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

.doubleLoaderTop::before {
    position: fixed;
    content: "日特机械工程（苏州）有限公司";
    font-size: 25px;
    font-family: "PingFang SC";
    top: 50%;
    margin-top: -18px;
    left: 50%;
    margin-left: -175px;
    color: rgba(255, 255, 255, 1);
    animation: animate_opacity 5000ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms 1 normal forwards;
    opacity: 0;
}

@media(min-width:768px) {
    .doubleLoaderTop::before {
        font-size: 55px;
        margin-top: -41px;
        margin-left: -385px;
    }
}

.front-case-info-title-warp {
    border-bottom: 1px solid #98090A;
}

@media(max-width:578px) {
    .border-phone-show {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
}

.underline-warp {
    border-bottom: 1px solid #98090A;
}

.adaptive-link-circle {
    padding: 12px;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    background-color: #98090A;
}

.service-list-item-link h6 {
    color: #98090A;
}

.service-list-item-link:hover h6 {
    color: #4d4d4d;
}

.service-list-item-link:hover .underline-warp {
    border-bottom: 1px solid #4d4d4d;
}

.service-list-item-link:hover .adaptive-link-circle {
    background-color: #4d4d4d;
}

.BMap_bubble_title {
    white-space: initial !important;
}

.solution-example-img-warp {
    background-color: #000;
}

.activity-title {
    font-size: 75px;
}

.activity-subtitle {
    border-top: 2px solid #98090A;
    border-bottom: 2px solid #98090A;
    padding: 15px 0;
}

.activity-describe p {
    font-size: 16px;
}

.section-activity:nth-child(even) {
    background-color: #FAF5F5;
}

.swiper-px {
    padding-left: 30px;
    padding-right: 30px;
}

.swiper-button-next-gallery-thumbs,
.swiper-button-prev-gallery-thumbs {
    border-radius: 50%;
    background-color: #B3B3B3;
    width: 26px;
    height: 26px;
    margin-top: -13px;
}

.swiper-button-next-gallery-thumbs {
    right: 0;
}

.swiper-button-prev-gallery-thumbs {
    left: 0;
}

.video-warp {
    margin: 50px 35px;
}

.video-title-warp {
    background-color: #98090A;
}

.video-title-warp a {
    font-size: 22px;
}

.global-banner-warp {
    position: relative;
    max-height: 300px;
}

.breadcrumbs-warp {
    background-color: #999999;
}

.breadcrumbs-warp,
.breadcrumbs-warp a {
    color: #fff;
    font-family: "PingFang SC";
    font-size: 14px;
}

.page-title {
    min-height: auto;
}

.global-banner {
    min-width: 0;
}

@media(min-width:992px) {
    .global-banner {
        min-width: 350px;
    }
    .page-title {
        min-height: 110px;
    }
}

.bg-red {
    background-color: rgba(152, 9, 10, .7);
}

.goverlay {
    background: rgba(0, 0, 0, .35);
}

.glightbox-clean .ginner-container {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.job-content-glightbox {
    overflow: initial;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev,
.glightbox-clean .gclose {
    display: none !important;
}

.global-content-warp h3,
.job-content-warp h3 {
    font-size: 20px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
    color: #98090A;
}

.global-content-warp h3::after,
.job-content-warp h3::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    z-index: 1;
}

.global-content-warp h3::after {
    width: 100%;
}

.global-content-warp h3::before,
.job-content-warp h3::before {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 20%;
    height: 3px;
    background-color: #98090A;
    z-index: 2;
}

.job-content-warp {
    padding: 70px 30px;
}

@media(min-width:992px) {
    .job-content-warp {
        padding: 70px;
    }
}

.job-content-warp ol {
    padding-inline-start: 20px;
}

.front-job-title {
    position: absolute;
    width: 100%;
    background: url(assets/images/front-job-title-bg.png) no-repeat center center /contain;
    height: 60px;
    top: -20px;
}

.diamond {
    position: relative;
    padding-left: 25px;
}

.diamond::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #98090A;
    left: 0;
    top: 50%;
    margin-top: -5px;
    transform: rotate(45deg);
}

.faq-list-warp .d-flex.justify-content-between.collapsed i:before {
    content: url(assets/images/icon-circle-down.svg);
}

.faq-list-warp .d-flex.justify-content-between i:before {
    content: url(assets/images/icon-circle-up.svg);
}

.product-accordion-sub-warp .product-accordion-title-2.d-flex.justify-content-between.collapsed i:before,
.product-accordion-warp .product-accordion-title-1.d-flex.justify-content-between.collapsed i:before {
    content: url(assets/images/add-icon.svg);
}

.product-accordion-sub-warp .product-accordion-title-2.d-flex.justify-content-between i:before,
.product-accordion-warp .product-accordion-title-1.d-flex.justify-content-between i:before {
    content: url(assets/images/horizontal-line-icon.svg);
}

.profile-area-name-warp {
    position: relative;
    padding: 60px 35px;
    max-width: 270px;
}

.profile-area-name-g-warp {
    position: relative;
}

.profile-area-name-g {
    padding: 60px 35px;
    max-width: 270px;
}

.profile-area-name-g-warp::before,
.profile-area-name-warp::before {
    content: url(assets/images/profile-area-name-border.svg);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #fff;
}

.profile-area-name-g-warp::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #999999;
    z-index: 1;
}

.profile-content-warp p {
    font-size: 16px;
    margin-bottom: 15px;
    color: #1A1A1A;
}

.profile-area-warp {
    /* border-top: 1px solid #999999; */
    margin: 20px 0;
    position: relative;
}

.profile-area-warp::before {
    content: "";
    position: absolute;
    background-color: #999999;
    width: 100%;
    height: 1px;
    top: 1px;
}

.profile-content div {
    padding-bottom: 60px;
}

.profile-content h5 {
    font-size: 27px;
    color: #97100A;
    display: inline-block;
    border-bottom: 1px solid #97100A;
    padding-bottom: 5px;
}

.profile-content h6 {
    font-size: 18px;
    color: #1A1A1A;
    position: relative;
    padding-left: 13px;
    font-weight: 400;
}

.profile-content h6::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 5px;
    background-color: #97100A;
    left: 0;
}

.profile-content span {
    color: #666666;
}

.profile-page-title {
    font-size: 27px;
    position: relative;
    padding: 0 48px;
    color: #97100A;
    font-weight: 400;
}

.profile-page-title::before,
.profile-page-title::after {
    position: absolute;
    content: url(assets/images/profile-page-title.svg);
    top: 50%;
    margin-top: -16px;
}

.profile-page-title::before {
    left: 0;
}

.profile-page-title::after {
    right: 0;
}

.speech-img-warp {
    position: relative;
}

.speech-img-warp::before,
.speech-img-warp::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 2px;
    background-color: #97100A;
}

.speech-img-warp::after {
    top: -2px;
    right: 0;
}

.speech-img-warp::before {
    bottom: -2px;
    left: 0;
}

.section-culture {
    overflow: hidden;
}

.culture-content-right,
.culture-content-left {
    position: relative;
}

.culture-content-left {
    background: rgba(242, 242, 242, .1);
}

.culture-content-right {
    background: rgba(152, 9, 10, .7);
}

.culture-content-left::before {
    position: absolute;
    content: "";
    width: 160%;
    height: 100%;
    right: 100%;
    top: 0;
    background: rgba(242, 242, 242, .1);
}

.culture-content-right::after {
    position: absolute;
    content: "";
    width: 120%;
    height: 100%;
    left: 100%;
    top: 0;
    background: rgba(152, 9, 10, .7);
}

.culture-content-title {
    font-size: 21px;
    position: relative;
    margin-left: 10px;
}

.culture-content-title::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 100%;
    left: -15px;
    background-color: #fff;
}

.section-introduce {
    position: relative;
    overflow: hidden;
}

.section-introduce::before {
    content: "";
    background-image: url(assets/images/introduce-line.png);
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 300%;
    background-position: center top;
}
@media(min-width:992px) {
    .section-introduce::before {
        background-size: cover;
        background-size: contain;
    }
}

.section-introduce::after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
}

.table-vertical-bar {
    position: relative;
}

.table-vertical-bar::after {
    content: "";
    position: absolute;
    height: 82%;
    width: 1px;
    right: 0;
    bottom: 0;
    background-color: #97100A;
}

.section-introduce h5 {
    color: #97100A;
    font-size: 27px;
}

.caldera-grid .form-group>div {
    flex: 1;
}

.caldera-grid label {
    padding-right: 20px;
}

.global-content-warp p,
.page-template-template-repair-and-maintenance-tool-introduction p {
    font-size: 16px;
}

.section-activity {
    padding-top: 100px;
    padding-bottom: 100px;
}

.gallery-thumbs .swiper-slide a:hover img {
    opacity: 0.5;
}

.a-bottom-line {
    border-bottom: 1px solid #000;
}

.product-accordion-main-title {
    background: #98090A;
    padding: 10px 50px;
    font-size: 20px;
}

.product-accordion-title-1 {
    font-size: 18px;
    background-color: #F2F2F2;
    cursor: pointer;
}

.product-accordion-title-2 {
    font-size: 16px;
    cursor: pointer;
}

li.current-cat a,
a.accordion-a-warp:hover {
    background-color: #98090A;
    color: #fff;
}

.sidebar-tel-phone {
    background-color: #F2F2F2;
    border-radius: 10px;
}

.font-16 {
    font-size: 16px;
}

.broder-red-bottom {
    border-bottom: 1px solid #98090A;
}

a.link-underline {
    text-decoration: underline;
}

a.link-underline:hover {
    text-decoration: none;
}

.link-font-size {
    font-size: 14px;
}

.no-min-width {
    min-width: 0px !important;
}

.border-red-warp {
    border: 2px solid #98090A;
}

.border-red {
    border: 1px solid #98090A;
}

.form-search-warp .form-control {
    font-size: 0.8rem;
    height: auto;
}

.form-search-warp .btn-primary:hover,
.form-search-warp .btn-primary:not(:disabled):not(.disabled):active,
.form-search-warp .btn-primary:not(:disabled):not(.disabled).active,
.form-search-warp .show>.btn-primary.dropdown-toggle {
    background-color: #97100A;
    border-color: #97100A;
}

@media(min-width: 992px) {
    .menu-sub-menu-container,
    .form-search-warp {
        max-width: 160px;
    }
}

@media(min-width: 1680px) {
    .menu-sub-menu-container,
    .form-search-warp {
        max-width: 180px;
    }
}

.menu-sub-menu-container {
    margin-left: auto;
    margin-right: auto;
    padding: 6px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.menu-sub-menu-container .menu {
    margin: 0;
}

.products-no-before::before {
    content: none;
}

@media (max-width:768px) {
    .job-warp img {
        max-height: 45px;
    }
    .job-warp .font-color-red {
        max-width: 100px;
    }
}

.news-sidebar-warp ul.menu {
    list-style: none;
    padding: 0;
}

.news-sidebar-warp ul.menu li a {
    padding: 1rem;
    display: block;
    background: #f2f2f2;
}

@media(max-width:768px) {
    .rounded-zero {
        border-radius: 0 !important;
    }
}

.news-sidebar-warp ul.menu li a:hover {
    padding: 1rem;
    display: block;
    background: #98090A;
    color: #fff;
}